<html>
<head>
<title>
导航栏
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<style>
h1
{
	text-shadow:0.1em 3px 7px white
}
p
{
	text-shadow:0.1em 2px 2px white;
	font-size:large
}
.a
{
	background-attachment:fixed;
}
 
.pic1 
{
	background-image:url(1.jpg);
	background-size: 100%;
	overflow: hidden;
	background-repeat:no-repeat;
} 
.pic2 
{
	background-image:url(2.png);
	background-size: 100%;
	overflow: hidden;
	background-repeat:no-repeat
} 
.pic3 
{
	background-image:url(3.jpg);
	background-size: 100%;
	overflow: hidden;
	background-repeat:no-repeat
} 
.pic4 
{
	background-image:url(4.jpg);
	background-size: 100%;
	overflow: hidden;
	background-repeat:no-repeat
}
</style>
<script language="JavaScript"> 
var pos = 4; 
function initArray() 
{ this.length = initArray.arguments.length; 
for (var i = 0; i < this.length; i++) 
{ this[i] = initArray.arguments[i]; } 
} 
var col=new initArray(); 
col[0] = "pic1"; 
col[1] = "pic2"; 
col[2] = "pic3"; 
col[3] = "pic4"; 
function chgpic() 
{ pos++; 
if (pos<0||pos>3) 
{ pos = 0; } 
pid.className = col[pos]; 
setTimeout("chgpic()",4000); 
} 
</script>
</head>
<body id=pid OnLoad="chgpic()">
<div id="timetable" style="font-size:22px;color:#F09">
Time
</div>
<h1 style="text-indent:5%">百度一下</h1>
<p style="text-indent:5%">
<a href="http://www.baidu.com/" target="_blank">www.baidu.com</a>
</p>

<h1 style="text-indent:10%">我的个人网站</h1>
<p style="text-indent:10%">
<a href="http://ikaros-521.gitee.io/self.gitee.io/" target="_blank">http://ikaros-521.gitee.io/self.gitee.io/</a>
</p>
<h1 style="text-indent:5%">我的直播间</h1>
<p style="text-indent:5%">
<a href="http://live.bilibili.com/278333" target="_blank">http://live.bilibili.com/278333</a>
</p>

<h1 style="text-indent:15%">樱花动漫</h1>
<p style="text-indent:15%">
<a href="http://www.imomoe.io/" target="_blank">http://www.imomoe.io/</a>
</p>
<h1 style="text-indent:10%">GitHub</h1>
<p style="text-indent:10%">
<a href="https://github.com/Ikaros-521" target="_blank">https://github.com/Ikaros-521</a>
</p>

<h1 style="text-indent:8%">嘀哩嘀哩</h1>
<p style="text-indent:8%">
<a href="http://www.dilidili.wang/" target="_blank">http://www.dilidili.wang/</a>
</p>

<h1 style="text-indent:15%">百度翻译</h1>
<p style="text-indent:15%">
<a href="http://fanyi.baidu.com/" target="_blank">fanyi.baidu.com/</a>
</p>

<script language="javascript">
  function get_time()
  {
    var date=new Date();
    var year="",month="",day="",week="",hour="",minute="",second="";
    year=date.getFullYear();
    month=add_zero(date.getMonth()+1);
    day=add_zero(date.getDate());
    week=date.getDay();
    switch (date.getDay()) {
    case 0:val="周日";break
    case 1:val="周一";break
    case 2:val="周二";break
    case 3:val="周三";break
    case 4:val="周四";break
    case 5:val="周五";break
    case 6:val="周六";break
      }
    hour=add_zero(date.getHours());
    minute=add_zero(date.getMinutes());
    second=add_zero(date.getSeconds());
    document.getElementById("timetable").innerHTML=" "+year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second+" "+val;
  }
  function add_zero(temp)
  {
    if(temp<10) return "0"+temp;
    else return temp;
  }
setInterval("get_time()",1000);
</script>
</body>
</html>